<template>
    <div class="goods">
        <goods-list-item @imgLoad="imgLoad" v-for="item, index in goods" :key="index"
         :goodsItem="item"></goods-list-item>
    </div>
</template>


<script>

import GoodsListItem from './GoodsListItem.vue'
export default {
  components: { GoodsListItem },
    props: {
        goods: {
            type: Array,
            default() {
                return []
            }
        }
    },
    methods: {
        imgLoad() {
            this.$emit('imgLoad')
        }
    }
}
</script>


<style scoped>
    .goods{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 4px;
    }

    
</style>